<script setup lang="ts">
import { Reply, RequestReply } from "../../index";
import ReplyItem from "./ReplyItem.vue";

defineProps<{ replies: Reply[] | undefined }>();
</script>

<template>
  <div class="p-3">
    <ReplyItem
      class="my-4"
      v-for="reply in replies"
      :reply="reply"
      :key="reply.id"
      @submitSubReply="(data: RequestReply) => {$emit('submitSubReply', {...data})}"
    />
  </div>
</template>

<style scoped></style>
